<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族官网 - 魅族 17 系列手机：如你，才华横溢</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/content.css">
    <link rel="stylesheet" href="./css/tuijain.css">
    <link rel="stylesheet" href="./css/phone.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <div class="header">
        <div class="header-top">
            <div class="header-c inner-c">
                <div class="header-left">
                    <ul>
                        <li><a href="#">魅族官网</a></li>
                        <li><a href="#">魅族商城</a></li>
                        <li><a href="#">Flyme</a></li>
                        <li><a href="#">专卖店</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </div>
                <div class="header-right">
                    <ul>
                        <li class="new"><a href="#">我的收藏<i>new</i></a></li>
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">登录</a></li>
                        <li class="last"><a href="#">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header-bottom inner-c">
            <div class="logo">
                <a href="index.html">魅族科技</a>
            </div>
            <div class="leixing">
                <ul>
                    <li><a href="#">PRO手机</a></li>
                    <li><a href="#">魅蓝手机</a></li>
                    <li><a href="#">MX手机</a></li>
                    <li><a href="#">精选配件</a></li>
                    <li><a href="#">智能硬件</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="main">
            <div class="main-c inner-c">
                <div class="main-left">
                    <ul>
                        <li>全部商品分类</li>
                        <li>手机</li>
                        <li>智能硬件</li>
                        <li>耳机/&nbsp;音箱</li>
                        <li>路由器&nbsp;/&nbsp;移动电源</li>
                        <li>保护套&nbsp;/&nbsp;后盖&nbsp;/&nbsp;贴膜</li>
                        <li>数据线&nbsp;/&nbsp;电源适配器</li>
                        <li>周边配件</li>
                    </ul>
                </div>
                <div class="main-right">
                    <i class="left-btn"></i>
                    <img src="./images/banner.jpg">
                    <i class="right-btn"></i>
                    <ol class="dotted">
                        <li></li>
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="tuijian">
            <div class="tuijian-c inner-c">
                <ul>
                    <li class="baozhang">
                        <i class="one">M码通道</i>
                        <i class="two">以旧换新</i>
                        <i class="three">魅族意外保</i>
                        <i class="four">回购单查询</i>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="phone">
            <div class="content-c inner-c">
                <div class="nav">
                    <h3>手机</h3>
                    <span>更多<i></i></span>
                </div>
                <div class="content-phone">
                    <ul>
                        <li class="hot">
                            <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png">
                            <p class="name">魅蓝note3</p>
                            <p class="time">11日-12日&nbsp;限量开售</p>
                            <p class="price"><i>￥</i>&nbsp;799</p>
                        </li>
                        <li>
                            <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png">
                            <p class="name">魅蓝3</p>
                            <p class="time">11日-12日&nbsp;公开版限量开售</p>
                            <p class="price"><i>￥</i>&nbsp;599</p>
                        </li>
                        <li class="hot">
                            <img src="./images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png">
                            <p class="name">魅蓝3s</p>
                            <p class="time">11日-12日&nbsp;限量开售</p>
                            <p class="price"><i>￥</i>&nbsp;699</p>
                        </li>
                        <li class="tehui">
                            <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png">
                            <p class="name">魅蓝metal</p>
                            <p class="time">领券立减100元</p>
                            <p class="price"><i>￥</i>&nbsp;999</p>
                        </li>
                        <li class="hot">
                            <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png">
                            <p class="name">魅蓝E</p>
                            <p class="time">全网通&nbsp;多彩金属机身</p>
                            <p class="price"><i>￥</i>&nbsp;1299</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-c inner-c">
            <div class="footer-left">
                <dl>
                    <dt>帮助说明</dt>
                    <dd>支付方式</dd>
                    <dd>配送说明</dd>
                    <dd>售后服务</dd>
                    <dd>付款帮助</dd>
                </dl>
                <dl>
                    <dt>Flyme</dt>
                    <dd>开放平台</dd>
                    <dd>固件下载</dd>
                    <dd>软件商店</dd>
                    <dd>查找手机</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd> 关于魅族</dd>
                    <dd>加入我们</dd>
                    <dd>联系我们</dd>
                    <dd>法律声明</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd>新浪微博</dd>
                    <dd>腾讯微博</dd>
                    <dd>QQ空间</dd>
                    <dd>官方微信</dd>
                </dl>
            </div>
            <div class="footer-right">
                <p class="info">24小时全国服务热线</p>
                <p class="tel">400-788-3333</p>
                <a href="#" class="btn">24小时在线客服</a>
            </div>
        </div>
        <div class="copy-right inner-c">
            <div><p>&copy;2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.&nbsp;&nbsp;备案号：粤ICP备13003602号-2 经营许可证编号：粤B2-20130198&nbsp;&nbsp;营业执照</p><i class="one"></i><i class="two"></i><i class="three"></i></div>
        </div>
    </div>
</body>

</html>